<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery对象和dom对象的相互转换</title>
    <script src="../jquery.min.js"></script>
    <style>
      div {
        width: 200px;
        height: 200px;
        background-color: pink;
      }
    </style>
</head>
<body>
  <div class="container"></div>
  <script>
    //jquery的获取
    $('div')
    //dom对象转换为jquery对象
    var div = document.querySelector('div');
    //直接将dom对象放进去即可
    $(div)
    //jquery对象转换成dom对象
    $('div')[0];
    $('div').get(0);
  </script>
</body>
</html>